::-webkit-input-placeholder{
    color: red;
}

::-moz-placeholder{
    color: red;
}

:-ms-input-placeholder{
    color: red;
}

::-ms-input-placeholder{
    color: red;
}

::placeholder{
    color: red;
}

:root{
    --lightColor: #ddd;
    --darkColor: #333;
}

a{
    color: #ddd;
    background: #333;
}

a:focus,a:hover{
    color: #f40;
}

h1, h2, h3, h4, h5, h6{
    font-weight:bold;
}

h1.active, h2.active, h3.active, h4.active, h5.active, h6.active{
    font-weight:bold;
}

.b{
    color: red;
}

.b .c{
        color: green;
    }

.b > .c{
        color: blue;
    }

.b:hover{
        color: #000;
    }

:root {
    --center: {
        position: absolute;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
    }
}

.item {
    @apply --center;
}